<template>
	<view class="interview-question">
		<uv-list v-if="personalStore.vip">
			<uv-list-item v-for="item in data" :key="item.id" :title="item.title" :note="item.description"
				thumb="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fss2.meipian.me%2Fusers%2F54734450%2Fe47b9ad5559d44a7b0ea321550ce5dec.jpg%3Fmeipian-raw%2Fbucket%2Fivwen%2Fkey%2FdXNlcnMvNTQ3MzQ0NTAvZTQ3YjlhZDU1NTlkNDRhN2IwZWEzMjE1NTBjZTVkZWMuanBn%2Fsign%2F50c4e50764523ff6ecfeacbeb7791879.jpg&refer=http%3A%2F%2Fss2.meipian.me&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1707161359&t=7b980b4ab4c969b928ec965cc2820815"
				thumb-size="lg" rightText=">" clickable @click="itemClick(item.id)">
			</uv-list-item>
		</uv-list>
		<view v-else class="text">成为vip后自动解锁该页面</view>
	</view>
</template>

<script setup>
	import {
		onMounted
	} from 'vue'
	import {
		data
	} from '@/static/interview-data/index.js'
	import {
		usePersonalStore
	} from '../../store/index.js'

	const personalStore = usePersonalStore()


	const itemClick = (id) => {
		uni.navigateTo({
			url: `/pages/interview-detail/interview-detail?id=${id}`,
		})
	}
</script>

<style lang="scss">
	.text {
		margin-top: 300rpx;
		text-align: center;
		color: $second-primary-color;
	}
</style>